Skip to main content

Circle Avatar

Type

widget

Summary

This widget is to display the avatar of a user.

Description

Circle Avatar is a widget used to display a user's profile image or, in the absence of such an image, the user's initials.

Compatibility and Support

OS

mac

windows

linux

ios

android

web

Platforms

desktop

mobile

web

Children Properties

Property

NameSummarySyntax
badgeBackgroundColorSpecifies the background color of the badge.set the badgeBackColor of widget to {<RGB Color>} get the badgeBackColor of widget
filenameSpecifies the file associated with the user's avatar image.set the filename of widget to <filePath> get the filename of widget
badgeRadiusSpecifies the radius that the circle of the badge will have.set the badgeRadius of widget to {<integer>} get the badgeRadius of widget
badgeIconSpecifies the name of the icon shown in the Badge.set the badgeIcon of widget to {<IconName>} get the badgeIcon of widget
showBadgeDefines whether to display the badge or not.set the showBadge of widget to {<true> | <false>} get the showBadge of widget
personalizedFontsSpecifies whether to use custom fonts or the default font.set the personalizedFonts of widget to {<true> | <false>} get the personalizedFonts of widget
badgePaddingSpecifies the padding of the content that is drawn on the badge.set the badgePadding of widget to {<integer>} get the badgePadding of widget
badgeTypeSpecifies the type of content that is drawn on the badge.set the badgeType of widget to {<empty> | <shortText> | <iconName>} get the badgeType of widget
avatarIconSpecifies the name of the icon shown in the avatar.set the avatarIcon of widget to {<IconName>} get the avatarIcon of widget
textSpecifies the text contained by avatar image.set the text of widget to <string> get the text of widget
badgeColorSpecifies the color of the icon or text shown in the Badge.set the badgeColor of widget to {<RGB Color>} get the badgeColor of widget
showAvatarIconDefines whether to display the avatar icon or not.set the showAvatarIcon of widget to {<true> | <false>} get the showAvatarIcon of widget
badgeLineSizeSpecifies the thickness of the borders of the badge.set the badgeLineSize of widget to {<integer>} get the badgeLineSize of widget
badgeLabelSpecifies the text shown in the Badge.set the badgeLabel of widget to {<string>} get the badgeLabel of widget
roundedRadiusSpecifies the radius of the avatar's corners.set the roundedRadius of widget to {<integer>} get the roundedRadius of widget
angleBadgeSpecifies the angle at which the badge is drawn on the widget.set the angleBadge of widget to {<integer>} get the angleBadge of widget
labelSpecifies the string that represents the username.set the label of widget to {<labelString>} get the label of widget
avatarShapeSpecifies the shape of the avatar.set the avatarShape of widget to {"circle" | "rectangle"} get the avatarShape of widget
lineSizeSpecifies the thickness of the widget's bordersset the lineSize of widget to <integer> get the lineSize of widget
variantThe variant to use.set the variant of widget to {"circular" | "rounded" | "square"} get the variant of widget
alignImageSpecifies how the image is aligned in the widget.set the alignImage of widget to {<topLeft> | <topCenter> | <topRight> | <centerLeft> | <center> | <centerRight> | <bottomLeft> | <bottomCenter> | <bottomRight>} get the alignImage of widget
badgeBorderColorSpecifies the border color of the badge.set the badgeBorderColor of widget to {<RGB Color>} get the badgeBorderColor of widget